<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/layer.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/jq.cookie.js" ></script>
		
		<script type="text/javascript" src="js/layer.js"></script>
	</head>
	<style>
		html,body{
			width: 100%;
			height: 100%;
			margin:0;
			padding:0;
		}
		
		.bg_img{
			
			width: 100%;
			height: 100%;
			background-image: url(img/timg.jpg);
			background-repeat: no-repeat;
		   background-size:cover ;
		  position: absolute;
		  top: 0;
		   
		}

	
        .bg_img2{
        	margin-top: 200px;
        	padding: 40px 40px;
        	background:rgba(255,255,255,0.5);
        	display: inline-block;
        	margin-left: 150px;
        }
        .bg_img2 div{
        	width: 250px;
        	height: 45px;
        	position: relative;
         	margin-top: 20px;
        }
         .bg_img2 div i{
         	position: absolute;
         	top:0;
         	left: 10px;
         	line-height: 45px;
         	color: #C7C7C7;
         	
         }
         .bg_img2 div input{
         	width: 100%;
         	height: 100%;
         	border: none;
         	border-bottom:#4e4f55 solid 1px;
         	color: white;
         	background: rgba(0,0,0,0.5);
         	text-indent: 3em;
         }
         .bg_img2{
         	z-index: 9999;
         }
         .cl_login{
         	border: none!important;
         }
       
	</style>
	<body>
		<div class="bg_img">
			<div class="bg_img1">
				
				
			</div>
			<div class="bg_img2">
				
			</div>
			<div class="bg_img3"></div>
		</div>
		
	</body>
</html>
<script src="js/login.js"></script>